<template>
	<view class="page">
		<view class="flex flex-wrap benben-position-layout flex index_flex_0"
			:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
			<view class='flex flex-wrap align-center justify-between flex-sub index_fd0_0' v-if="scrollTop < 30">
				<view class='flex flex-wrap align-center'>
					<view class="title_text" v-if="!storeName">中出行</view>
					<view class="title_text" v-else>{{storeName}}</view>
				</view>
				<view class='flex flex-wrap align-center justify-end index_fd0_0_c2'>
				</view>
			</view>
		</view>
		<!-- <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view> -->

		<view class="loading_css" v-if="isShow">
			<u-loading size="36" color="#1A66FA"></u-loading>
			<view>加载中</view>
		</view>

		<template v-else>
			<!---flex布局flex布局开始-->
			<view class="flex flex-wrap align-center justify-center benben-flex-layout index_flex_1">
				<view style="position: relative">
					<swiper ref="benbenSwiperfd1_0" @change="bannerIndexfd1_0 = $event.detail.current"
						class='flex position-relative index_fd1_0' previous-margin="0rpx" next-margin="0rpx"
						:display-multiple-items="1" :interval="5000" :duration="500" :autoplay='true' :circular='true'>
						<swiper-item class='flex index_fd1_0_c1' v-for='(item,key0) in bannerList' :key='key0'>
							<image class="index_fd1_0_c1" :src='item'></image>
						</swiper-item>
					</swiper>
					<view style="position: absolute"
						class="flex dot flex align-center justify-center index_swiperDotfd1_0">
						<view class='flex flex align-center justify-center index_numberfd1_0_c0'>
							<template v-for="(v, k) in bannerList">
								<view class="active_dot_item dot_item" v-if="bannerIndexfd1_0 == k"></view>
								<view class="dot_item" v-else></view>
							</template>

						</view>
					</view>
				</view>
			</view>

			<view class="login_content">
				<template v-if="!is_login">
					<view class="login_info">
						<view class="login_top flex align-center justify-between">
							<view class="login_top_le">
								<view class="login_top_le_1">终于等到您~</view>
								<view class="login_top_le_2">立即登录开启门店在线运营吧</view>
							</view>
							<view class="login_top_ri flex align-center justify-center" @tap.stop="handleJumpDiy"
								data-type="navigateTo" :data-url="`/pages/tabBar/login/login`">
								登录/注册
							</view>
						</view>
						<view class="login_bottom flex align-center justify-between">
							<button class="login_bottom_item flex align-center justify-center" open-type="share">
								<image :src='STATIC_URL+"430.png"' mode="aspectFill"></image>
								<text>分享店铺</text>
							</button>
							<button class="login_bottom_item flex align-center justify-center" @tap.stop="freeCharge">
								<image :src='STATIC_URL+"431.png"' mode="aspectFill"></image>
								<text>免押码</text>
							</button>
						</view>
					</view>
					<view class="welcome_nologin"></view>
					<!-- <view class="welcome">
						<image class="welcome_icon" :src='STATIC_URL+"405.png"' mode="aspectFill"></image>
						<view class="welcome_text flex align-center justify-between">
							<view class="welcome_text_1">欢迎使用中出行租车~</view>
							<view class="welcome_text_2">
								<text>了解套餐</text>
								<u-icon name="arrow-right"></u-icon>
							</view>
						</view>
					</view> -->
				</template>
				<view class="login_ed" v-else>
					<view class="login_top flex align-center justify-between">
						<view class="login_top_le">
							<view class="login_top_le_1 flex align-center">
								<view class="login_top_le_text" v-if="storeName">{{storeName}}</view>
								<view class="login_top_le_text" v-else>中出行</view>
								<!-- <image :src='STATIC_URL+"436.png"' mode="aspectFill"></image> -->
							</view>
						</view>
						<view class="login_top_ri flex align-center justify-center" v-if="userInfo.role == 1"
							@tap.stop="storeShow=true">
							<image :src='STATIC_URL+"437.png"' mode="aspectFill"></image>
							<text>切换</text>
						</view>
						<view v-else class="login_top_ri_1 flex align-center justify-center" style="opacity: 0;">
							<image :src='STATIC_URL+"437.png"' mode="aspectFill"></image>
							<text>切换</text>
						</view>
					</view>
					<view class="login_bottom flex align-center justify-between">
						<button class="login_bottom_item flex align-center justify-center" open-type="share">
							<image :src='STATIC_URL+"430.png"' mode="aspectFill"></image>
							<text>分享店铺</text>
						</button>
						<button class="login_bottom_item flex align-center justify-center" @tap.stop="freeCharge">
							<image :src='STATIC_URL+"431.png"' mode="aspectFill"></image>
							<text>免押码</text>
						</button>
					</view>
				</view>
				<view :class="is_login ? 'bulletin_board_2' : 'bulletin_board'" class="bulletin_board">
					<view class="bulletin_title">数据看板</view>
					<view class="data_info flex">
						<view class="data_item">
							<view class="data_item_1">{{boardInfo.pv}}</view>
							<view class="data_item_2">访问用户</view>
						</view>
						<view class="data_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/index/memberList/memberList?type=2`">
							<view class="data_item_1">{{boardInfo.count_user}}</view>
							<view class="data_item_2">注册会员</view>
						</view>
						<view class="data_item">
							<view class="data_item_1">{{boardInfo.order_count}}</view>
							<view class="data_item_2">订单数量</view>
						</view>
						<view class="data_item">
							<view class="data_item_1">{{boardInfo.total_money}}</view>
							<view class="data_item_2">交易金额</view>
						</view>
					</view>
					<view class="data_info flex">
						<view class="data_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/my/myOrder/myOrder?current=0`">
							<view class="data_item_1">{{boardInfo.lqq}}</view>
							<view class="data_item_2">当日待取车</view>
						</view>
						<view class="data_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/my/myOrder/myOrder?current=1`">
							<view class="data_item_1">{{boardInfo.lqh}}</view>
							<view class="data_item_2">当日待还车</view>
						</view>
						<view class="data_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/my/myOrder/myOrder?current=2`">
							<view class="data_item_1">{{boardInfo.cswh}}</view>
							<view class="data_item_2">超时待还车</view>
						</view>
						<view class="data_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/my/myOrder/myOrder?current=3`">
							<view class="data_item_1">{{boardInfo.fxdd}}</view>
							<view class="data_item_2">风险订单</view>
						</view>
					</view>
				</view>
			</view>

			<view class="tool">
				<!-- <view class="tool_tabs flex align-center justify-between">
					<view class="tool_tabs_item" v-for="(v, k) in toolList" :key="k" @tap.stop="selectTool(k)">
						<view :class="tabIndex == k ? 'active_text' : ''">{{v}}</view>
						<image v-if="tabIndex == k" :src='STATIC_URL+"407.png"' mode="aspectFill"></image>
					</view>
				</view> -->
				<view class="bulletin_title" style="padding: 0 8rpx;">实用工具</view>
				<swiper class="explain_content" ref="benbenSwiperfd1_1" :current="tabIndex"
					@change="tabIndex = $event.detail.current" previous-margin="0rpx" next-margin="0rpx"
					:display-multiple-items="1" :interval="5000" :duration="500" :autoplay='false' :circular='false'>
					<swiper-item class="explain_list">
						<view class="explain">
							<view class="explain_item" @tap.stop="foundOrder">
								<image :src='STATIC_URL+"408.png"' mode="aspectFill"></image>
								<view class="explain_item_title">创建订单</view>
							</view>
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="switchTab"
								:data-url="`/pages/tabBar/order/order`">
								<image :src='STATIC_URL+"416.png"' mode="aspectFill"></image>
								<view class="explain_item_title">订单管理</view>
							</view>
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/vehicle/index`">
								<image :src='STATIC_URL+"409.png"' mode="aspectFill"></image>
								<view class="explain_item_title">车辆管理</view>
							</view>
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/inventoryCalendar/inventoryCalendar`">
								<image :src='STATIC_URL+"410.png"' mode="aspectFill"></image>
								<view class="explain_item_title">库存日历</view>
							</view>
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/priceSet/index`">
								<image :src='STATIC_URL+"411.png"' mode="aspectFill"></image>
								<view class="explain_item_title">价格管理</view>
							</view>
							<!-- <view class="explain_item" @tap.stop="goChannel">
								<image :src='STATIC_URL+"419.png"' mode="aspectFill"></image>
								<view class="explain_item_title">渠道码</view>
							</view> -->
							<view v-if="userInfo.is_super_admin == 1" class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/memberList/memberList?type=2`">
								<image :src='STATIC_URL+"418.png"' mode="aspectFill"></image>
								<view class="explain_item_title">会员管理</view>
							</view>
							<!-- <view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/store/storeSetting`">
								<image :src='STATIC_URL+"425.png"' mode="aspectFill"></image>
								<view class="explain_item_title">门店设置</view>
							</view>
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/beginnerGuide/beginnerGuide`">
								<image :src='STATIC_URL+"426.png"' mode="aspectFill"></image>
								<view class="explain_item_title">运营设置</view>
							</view> -->
							<!-- <view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/administrators/administrators`">
								<image :src='STATIC_URL+"427.png"' mode="aspectFill"></image>
								<view class="explain_item_title">管理员</view>
							</view> -->
							<!-- <view class="explain_item" @tap.stop="foundOrder">
								<image :src='STATIC_URL+"408.png"' mode="aspectFill"></image>
								<view class="explain_item_title">创建OTA订单</view>
							</view> -->
							<!-- <view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/specialOffer/specialOffer`">
								<image :src='STATIC_URL+"429.png"' mode="aspectFill"></image>
								<view class="explain_item_title">团购管理</view>
							</view>
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/specialOffer/specialOffer`">
								<image :src='STATIC_URL+"413.png"' mode="aspectFill"></image>
								<view class="explain_item_title">朋友圈海报</view>
							</view>
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/specialOffer/specialOffer`">
								<image :src='STATIC_URL+"414.png"' mode="aspectFill"></image>
								<view class="explain_item_title">电子合同</view>
							</view>
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/allApply/allApply`">
								<image :src='STATIC_URL+"415.png"' mode="aspectFill"></image>
								<view class="explain_item_title">全部</view>
							</view> -->
						</view>
					</swiper-item>
					<!-- <swiper-item class="explain_list">
						<view class="explain">
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/inventoryCalendar/inventoryCalendar`">
								<image :src='STATIC_URL+"410.png"' mode="aspectFill"></image>
								<view class="explain_item_title">库存日历</view>
							</view>
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/memberList/memberList`">
								<image :src='STATIC_URL+"408.png"' mode="aspectFill"></image>
								<view class="explain_item_title">创建订单</view>
							</view>
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="switchTab"
								:data-url="`/pages/tabBar/order/order`">
								<image :src='STATIC_URL+"416.png"' mode="aspectFill"></image>
								<view class="explain_item_title">订单管理</view>
							</view>
						
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/specialOffer/specialOffer`">
								<image :src='STATIC_URL+"417.png"' mode="aspectFill"></image>
								<view class="explain_item_title">长租订单</view>
							</view>
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/vehicle/index`">
								<image :src='STATIC_URL+"409.png"' mode="aspectFill"></image>
								<view class="explain_item_title">车辆管理</view>
							</view>
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/priceSet/index`">
								<image :src='STATIC_URL+"411.png"' mode="aspectFill"></image>
								<view class="explain_item_title">价格管理</view>
							</view>
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/specialOffer/specialOffer`">
								<image :src='STATIC_URL+"418.png"' mode="aspectFill"></image>
								<view class="explain_item_title">会员管理</view>
							</view>
						</view>
					</swiper-item>
					<swiper-item class="explain_list">
						<view class="explain">
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/specialOffer/specialOffer`">
								<image :src='STATIC_URL+"413.png"' mode="aspectFill"></image>
								<view class="explain_item_title">朋友圈海报</view>
							</view>
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/beginnerGuide/beginnerGuide`">
								<image :src='STATIC_URL+"419.png"' mode="aspectFill"></image>
								<view class="explain_item_title">渠道码</view>
							</view>
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/material/material`">
								<image :src='STATIC_URL+"420.png"' mode="aspectFill"></image>
								<view class="explain_item_title">物料中心</view>
							</view>
						
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/specialOffer/specialOffer`">
								<image :src='STATIC_URL+"421.png"' mode="aspectFill"></image>
								<view class="explain_item_title">业务通知</view>
							</view>
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/specialOffer/specialOffer`">
								<image :src='STATIC_URL+"422.png"' mode="aspectFill"></image>
								<view class="explain_item_title">优惠券</view>
							</view>
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/addedServices/addedServices`">
								<image :src='STATIC_URL+"423.png"' mode="aspectFill"></image>
								<view class="explain_item_title">增值服务</view>
							</view>
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/specialOffer/specialOffer`">
								<image :src='STATIC_URL+"414.png"' mode="aspectFill"></image>
								<view class="explain_item_title">电子合同</view>
							</view>
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/specialOffer/specialOffer`">
								<image :src='STATIC_URL+"424.png"' mode="aspectFill"></image>
								<view class="explain_item_title">免押中心</view>
							</view>
						</view>
					</swiper-item>
					<swiper-item class="explain_list">
						<view class="explain">
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/store/storeSetting`">
								<image :src='STATIC_URL+"425.png"' mode="aspectFill"></image>
								<view class="explain_item_title">门店设置</view>
							</view>
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/beginnerGuide/beginnerGuide`">
								<image :src='STATIC_URL+"426.png"' mode="aspectFill"></image>
								<view class="explain_item_title">运营设置</view>
							</view>
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/beginnerGuide/beginnerGuide`">
								<image :src='STATIC_URL+"427.png"' mode="aspectFill"></image>
								<view class="explain_item_title">管理员</view>
							</view>
						
							<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/specialOffer/specialOffer`">
								<image :src='STATIC_URL+"428.png"' mode="aspectFill"></image>
								<view class="explain_item_title">小程序设置</view>
							</view>
						</view>
					</swiper-item> -->
				</swiper>

			</view>
			<!-- <view class="plan_info">
				<view class="plan_title">成长计划</view>
				<view class="plan_list">
					<view class="plan_item flex align-center justify-between">
						<image class="item_img" :src='STATIC_URL+"432.png"' mode="aspectFill"></image>
						<view class="item_view flex align-center justify-between">
							<view class="item_view_le">
								<view class="item_view_le_1">企业认证</view>
								<view class="item_view_le_2">完成企业认证</view>
							</view>
							<view class="item_view_ri flex align-center justify-center" @tap.stop="handleJumpDiy"
								data-type="navigateTo" :data-url="`/pages/index/growthPlan/storeCertification`">去完成
							</view>
						</view>
					</view>
					<view class="plan_item flex align-center justify-between">
						<image class="item_img" :src='STATIC_URL+"433.png"' mode="aspectFill"></image>
						<view class="item_view flex align-center justify-between">
							<view class="item_view_le">
								<view class="item_view_le_1">绑定提现账号</view>
								<view class="item_view_le_2">绑定后收款直接到账</view>
							</view>
							<view class="item_view_ri flex align-center justify-center">去完成</view>
						</view>
					</view>
					<view class="plan_item flex align-center justify-between">
						<image class="item_img" :src='STATIC_URL+"434.png"' mode="aspectFill"></image>
						<view class="item_view flex align-center justify-between" style="border: none;">
							<view class="item_view_le">
								<view class="item_view_le_1">绑定业务通知</view>
								<view class="item_view_le_2">订单微信通知</view>
							</view>
							<view class="item_view_ri flex align-center justify-center">去完成</view>
						</view>
					</view>
				</view>
			</view> -->
		</template>

		<u-popup v-model="storeShow" mode="bottom" border-radius="32">
			<view class="store_popup">
				<view class="popup_title flex align-center justify-between">
					<view class="">选择门店（{{storeList.length}}）</view>
					<image @tap.stop="storeShow=false" :src='STATIC_URL+"232.png"' mode="aspectFill"></image>
				</view>
				<scroll-view scroll-y="true" class="store_list">
					<view>
						<view class="store_item flex align-center" @tap.stop="selectStore(0)"
							v-if="userInfo.role == 1 && userInfo.store_id != 0">
							<image class="store_img" :src='STATIC_URL+"logo.png"' mode="aspectFill"></image>
							<view class="store_text">
								<view class="store_name flex align-center">
									<view class="store_name_text">管理员</view>
									<!-- <image class="store_name_icon" :src='STATIC_URL+"435.png"' mode="aspectFill"></image> -->
								</view>
								<view class="store_address">中出行租车</view>
							</view>
							<image v-if="userInfo.store_id == 0" class="select_img" :src='STATIC_URL+"7.png"'
								mode="aspectFill"></image>
							<image v-else class="select_img" :src='STATIC_URL+"8.png"' mode="aspectFill"></image>
						</view>
						<view class="store_item flex align-center" v-for="(item, index) in storeList" :key="index"
							@tap.stop="selectStore(item.id)">
							<image class="store_img" :src='item.image' mode="aspectFill"></image>
							<view class="store_text">
								<view class="store_name flex align-center">
									<view class="store_name_text">{{item.name}}</view>
									<!-- <image class="store_name_icon" :src='STATIC_URL+"435.png"' mode="aspectFill"></image> -->
								</view>
								<view class="store_address">{{item.address}}</view>
							</view>
							<image v-if="userInfo.store_id == item.id" class="select_img" :src='STATIC_URL+"7.png"'
								mode="aspectFill"></image>
							<image v-else class="select_img" :src='STATIC_URL+"8.png"' mode="aspectFill"></image>
						</view>
					
					</view>
				</scroll-view>
			</view>
		</u-popup>

		<u-mask :show="codeShow" @click="codeShow = false">
			<view class="warp">
				<view class="rect" @tap.stop="">
					<view class="free_code">
						<view class="free_title_img">
							<image src="/static/global/3.jpg" mode="aspectFill"></image>
						</view>
						<view class="free_store">中出行</view>
						<!-- <view class="input_content flex align-center">
							<view class="input_1">￥</view>
							<input class="input_2" type="number" placeholder="输入免押金额"
								placeholder-style="color: #BCBCBC;font-size: 36rpx;">
							<image class="input_3" :src='STATIC_URL+"453.png"' mode="aspectFill"></image>
						</view> -->
						<swiper class="code_view" circular :indicator-dots="false" :autoplay="false">
							<swiper-item class="qrcode_swiper_item">
								<view class="qrcode_img">
									<image src='/static/global/2.png' mode="aspectFill"></image>
								</view>
								<view class="qrcode_text">金额：￥5000</view>
							</swiper-item>
							<swiper-item class="qrcode_swiper_item">
								<view class="qrcode_img">
									<image src='/static/global/1.jpg' mode="aspectFill"></image>
								</view>
								<view class="qrcode_text">金额：￥10000</view>
							</swiper-item>
						</swiper>
						<!-- <view class="operation_btn flex align-center justify-between">
							<view class="operation_1" @tap.stop="controlShow=true">免押设置</view>
							<view class="operation_1">分享用户</view>
							<view class="operation_2">下载该码</view>
						</view> -->
					</view>
				</view>
			</view>
		</u-mask>

		<!-- 免押风控设置 -->
		<u-popup mode="bottom" v-model="controlShow" border-radius="28">
			<view class="control_popup">
				<view class="control_title flex align-center justify-between">
					<view class="">免押风控设置</view>
					<u-icon name="close" color="#cccccc" size="30" @click="controlShow=false"></u-icon>
				</view>
				<scroll-view scroll-y="true" class="control_content">
					<view class="control_item flex">
						<image class="control_icon" :src='STATIC_URL+"455.png"' mode="aspectFill"></image>
						<view class="item_text">
							<view class="item_text_1">免押高准入</view>
							<view class="item_text_2">风控策略较宽松(通过率较高)</view>
							<view class="item_text_3">芝麻分达到准入标准的情况下，预计拦10%-20%，具体视情况而定； 防控账户、团伙、欺诈、逾期等风险，拦截标准较宽松</view>
						</view>
						<image class="control_bg" :src='STATIC_URL+"454.png"' mode="aspectFill"></image>
						<view class="select_icon">
							<image :src='STATIC_URL+"7.png"' mode="aspectFill"></image>
						</view>
					</view>
					<view class="control_item flex">
						<image class="control_icon" :src='STATIC_URL+"455.png"' mode="aspectFill"></image>
						<view class="item_text">
							<view class="item_text_1">免押中准入</view>
							<view class="item_text_2">风控策略适中(通过率中等)</view>
							<view class="item_text_3">芝麻分达到准入标准的情况下，预计拦截20%-50%，具体视情况而定； 防控账户、团伙、欺诈、逾期等风险，拦截标准适中</view>
						</view>
						<image class="control_bg" :src='STATIC_URL+"454.png"' mode="aspectFill"></image>
						<view class="select_icon">
							<image :src='STATIC_URL+"7.png"' mode="aspectFill"></image>
						</view>
					</view>
					<view class="control_item flex">
						<image class="control_icon" :src='STATIC_URL+"455.png"' mode="aspectFill"></image>
						<view class="item_text">
							<view class="item_text_1">免押低准入</view>
							<view class="item_text_2">风控策略适中(通过率中等)</view>
							<view class="item_text_3">芝麻分达到准入标准的情况下预计拦截50%-80%， 具体视情况而定； 防控账户、团伙、欺诈、逾期等风险，拦截标准较严格</view>
						</view>
						<image class="control_bg" :src='STATIC_URL+"454.png"' mode="aspectFill"></image>
						<view class="select_icon">
							<image :src='STATIC_URL+"7.png"' mode="aspectFill"></image>
							<!-- <image :src='STATIC_URL+"8.png"' mode="aspectFill"></image> -->
						</view>
					</view>
				</scroll-view>
				<view class="picker_btn flex align-center justify-between">
					<view class="picker_btn_1 flex align-center justify-center">取消</view>
					<view class="picker_btn_2 flex align-center justify-center">确定</view>
				</view>
			</view>
		</u-popup>
		
		
		
		<u-popup v-model="otaShow" mode="bottom" border-radius="28" z-index="999">
			<view class="screen_popup">
				<view class="screen_title flex align-center justify-between">
					<view class="">平台</view>
					<u-icon name="close" color="#cccccc" size="30" @click="otaShow=false"></u-icon>
				</view>
				<!-- <view class="second_title">下单时间</view> -->
				<view class="screen_list">
					<view class="screen_item flex align-center justify-center" v-for="(v, k) in otaList" :key="k"
						:class="ota_id == v.id ? 'active_item' : ''" @tap.stop="selectOta(v.id)">{{v.name}}</view>
				</view>
				<view class="picker_btn flex align-center justify-between">
					<view class="picker_btn_1 flex align-center justify-center" @tap.stop="resultOta">取消</view>
					<view class="picker_btn_2 flex align-center justify-center" @tap.stop="confirmOta">确定</view>
				</view>
			</view>
		</u-popup>

	</view>
</template>
<script>
	import {
		validate
	} from '@/common/utils/validate.js'
	export default {
		components: {
			
		},

		data() {
			return {
				"typeList": [{
						name: '送车上门',
						disabled: false
					},
					{
						name: '到店取车',
						disabled: false
					}
				],
				"value": '到店取车',
				"loadingImg": "",
				"errorImg": "",
				"imageUrl": "https://n.sinaimg.cn/spider20240423/618/w1267h951/20240423/00f3-b0424ba924fbe8bb330e2dabf0f7b880.jpg",
				"popupShow1658992681098": false,
				"popupShow1658992681097": false,
				"bannerIndexfd1_0": 0,
				"bannerList": [],
				"city": "",
				"problemList": {
					"total_num": "",
					"total_already_do": "",
					"wrong_num": "",
					"correct_ratio": ""
				},
				"selectCity": '',
				"regoinShow": false,

				tabsList: [{
					name: '免费专区'
				}, {
					name: '视频付费专区'
				}],
				current: 0,
				list: [],
				"page": 1,
				"is_pull": true,
				"last_page": 1,
				"status": 'loadmore',
				"iconType": 'flower',
				"loadText": {
					loadmore: '轻轻上拉',
					loading: '努力加载中',
					nomore: '我也是有底线的'
				},
				"isShow": true,
				"keyword": "",
				"vipData": {},
				"user": {},
				"key": "50bac152709a363bd8e664adb0ee4cbf", // 小程序定位key  个人

				toolList: ['工具', '业务', '运营', '门店'],
				tabIndex: 0,
				storeShow: false,

				codeShow: false,
				controlShow: false,
				is_login: false,
				boardInfo: {
					pv: 0,
					count_user: 0,
					order_count: 0,
					total_money: 0,
					lqq: 0,
					lqh: 0,
					cswq: 0,
					cswh: 0,
					fxdd: 0
				},
				storeName: "", // 所属门店名称
				storeList: [], // 门店列表
				userInfo: {},
				scrollTop: 0,
				
				otaShow: false,
				otaList: [],  // ota平台列表
				ota_id: 2,
			};
		},
		computed: {

		},
		watch: {

		},
		onShareAppMessage(res) {
			let _this = this;
			return {
				title: _this.storeName ? _this.storeName : '中出行',
				path: '/pages/tabBar/index/index',
				imageUrl: ''
			}
		},
		onLoad(options) {
			let {
				order_id
			} = options;
			if (order_id !== undefined) {
				uni.navigateTo({
					url: '/pages/order/details?order_id=' + order_id
				})
			}
			this.getBannerList();
			this.getplatform();
		},
		onUnload() {
			
		},
		onReady() {

		},
		onShow() {
			this.ota_id = 2;
			if (global.token) {
				this.userInfo = global.userInfo;
				// customer_id  1中出行  2青岛
				this.is_login = true;
				// this.getgetUser();
				this.getData();
				this.getStore();
				this.storeName = global.storeName;
			} else {
				this.is_login = false;
			}
		},
		onHide() {
			this.codeShow = false;
			this.otaShow = false;
		},
		onResize() {

		},
		// 下拉刷新
		onPullDownRefresh() {
			// this.page = 1;
			// this.is_pull = true;
			// this.isShow = true;
			// this.getVideoList();
			this.isShow = true;
			this.getData();
		},
		// 上拉加载
		onReachBottom() {
			// if (this.page >= this.last_page) return;
			// this.status = 'loading';
			// this.page++;
			// setTimeout(() => {

			// 	if (this.page >= this.last_page) this.status = 'nomore';
			// 	else this.status = 'loading';
			// 	this.is_pull = false;
			// 	this.getVideoList();
			// }, 500)
		},
		onPageScroll(e) {
			this.scrollTop = e.scrollTop;
		},
		methods: {
			selectTool(index) {
				this.tabIndex = index;
			},
			// 切换门店
			selectStore(id) {
				if (id == 0) {
					this.storeName = "";
				} else {
					let storeInfo = this.storeList.find(item => item.id == id);
					this.storeName = storeInfo.name;
					// console.log(global.userInfo);
				}
				global.storeName = this.storeName;
				this.userInfo.store_id = id;
				this.$store.commit('updateUserInfo', this.userInfo);
				this.userInfo = global.userInfo;
				this.storeShow = false;
				uni.showLoading({
					title: ''
				})
				this.getData();
				setTimeout(() => {
					uni.hideLoading();
				}, 300)
			},
			// 数据看板
			getData() {
				this.$api.get(global.apiUrls.postIndex, {
					store_id: global.userInfo.store_id
				}).then(res => {
					// console.log(res);
					uni.stopPullDownRefresh();
					this.isShow = false;
					if (res.data.code == 1) {
						this.boardInfo = res.data.data;
						this.$forceUpdate();
					} else {
						this.$message.info(res.data.info);
					}
				}).catch(err => {
					console.log(err);
				})
			},
			getStore() {
				this.$api.get(global.apiUrls.postStore, {

				}).then(res => {
					if (res.data.code == 1) {
						this.storeList = res.data.data;
						if (res.data.data.length > 0) {
							let storeInfo = res.data.data.find(item => item.id == global.userInfo.store_id);
							if (storeInfo) {
								this.storeName = storeInfo.name;
								global.storeName = this.storeName;
							}
						}
					} else {
						this.$message.info(res.data.info);
					}
				}).catch(err => {
					console.log(err);
				})
			},

			//获取个人信息
			async getgetUser() {
				//请求方法
				//数据验证

				let userData = await this.$api.post(global.apiUrls.post5c78c4772da97, {

				});
				if (userData.data.code != 1) {
					this.$message.info(userData.data.info);
					return
				}
				let userinfo = userData.data;
				this.user = userinfo.data;
				// console.log(this.user);
			},

			//获取轮播图
			getBannerList() {
				this.$api.get(global.apiUrls.postConfig, {

				}).then(res => {
					this.isShow = false;
					// console.log(res);
					if (res.data.code == 1) {
						this.bannerList = (res.data.data.gjd_banner).split('|');
					} else {
						this.$message.info(res.data.info);
					}
				})
			},
			// 轮播图跳转
			getSwiper(item) {
				if (item.link_type == 1) {
					uni.setStorageSync('content', item);
					uni.navigateTo({
						url: '/pages/my/messageDetails/swiperDetails'
					})
				}
			},
			freeCharge() {
				// this.$message.info('功能完善中');
				// return;
				this.codeShow = true;
			},
			// 创建订单
			createOrder() {
				if (global.token) {
					// if (global.userInfo.role == 1) {
					// 	this.$message.info('请切换为门店管理员');
					// 	return;
					// }
					uni.navigateTo({
						url: '/pages/index/memberList/memberList?type=1'
					})
				} else {
					this.goLogin();
				}

			},
			// 渠道码
			goChannel() {
				if (global.token) {
					if (global.userInfo.store_id == 0) {
						this.$message.info('请切换为门店管理员');
						return;
					}
					uni.navigateTo({
						url: '/pages/index/channel/channel'
					})
				} else {
					this.goLogin();
				}
			},
			// OTA平台列表
			getplatform() {
				this.$api.post(global.apiUrls.platformList, {
					
				}).then(res => {
					if (res.data.code == 1) {
						this.otaList = res.data.data;
						this.otaList.unshift({
							id: 2,
							name: '管家端'
						})
						uni.setStorageSync('ota',this.otaList);
					} else {
						this.$message.info(res.data.info);
					}
				})
			},
			selectOta(id) {
				this.ota_id = id;
			},
			
			// 创建OTA订单
			foundOrder() {
				if (global.token) {
					this.otaShow = true;
				} else {
					this.goLogin();
				}
			},
			resultOta() {
				this.ota_id = "";
				this.otaShow = false;
			},
			confirmOta() {
				if (!this.ota_id) {
					this.$message.info('请选择平台');
					return;
				}
				global.timeData = "";
				this.otaShow = false;
				global.ota_id = this.ota_id;
				uni.navigateTo({
					url: '/pages/index/memberList/memberList?type=1'
				})
			},

			goLogin() {
				uni.navigateTo({
					url: '/pages/tabBar/login/login'
				})
			}
		}
	};
</script>
<style lang="scss" scoped>
	.control_popup {
		background: #f6f7fb;

		.control_title {
			padding: 30rpx 30rpx 24rpx 30rpx;
			font-weight: bold;
			font-size: 36rpx;
			color: #222222;
		}

		.control_content {
			height: 650rpx;

			.control_item {
				background: linear-gradient(180deg, #EBF2FF 0%, #FFFFFF 100%);
				border-radius: 16rpx;
				border: 2rpx solid #FFFFFF;
				padding: 30rpx 24rpx;
				margin: 16rpx 24rpx 0;
				position: relative;

				.control_icon {
					width: 76rpx;
					height: 76rpx;
					margin-right: 22rpx;
				}

				.item_text {
					width: calc(100% - 98rpx);

					.item_text_1 {
						font-weight: bold;
						font-size: 30rpx;
						color: #222222;
					}

					.item_text_2 {
						font-weight: 400;
						font-size: 28rpx;
						color: #222222;
						margin: 4rpx 0 30rpx;
					}

					.item_text_3 {
						font-weight: 400;
						font-size: 24rpx;
						color: #666666;
						line-height: 40rpx;
					}
				}

				.control_bg {
					width: 136rpx;
					height: 136rpx;
					position: absolute;
					top: 8rpx;
					right: 46rpx;
				}

				.select_icon {
					width: 32rpx;
					height: 32rpx;
					position: absolute;
					top: 52rpx;
					right: 24rpx;

					image {
						width: 100%;
						height: 100%;
					}
				}
			}
		}

		.picker_btn {
			background: #fff;
			padding: 12rpx 30rpx 28rpx;
			margin-top: 12rpx;
		}

		.picker_btn_1 {
			width: 236rpx;
			height: 96rpx;
			background: #F6F7FB;
			border-radius: 16rpx;
			font-weight: 500;
			font-size: 30rpx;
			color: #222222;
		}

		.picker_btn_2 {
			width: 436rpx;
			height: 96rpx;
			background: #1A66FA;
			border-radius: 16rpx;
			font-weight: 500;
			font-size: 30rpx;
			color: #fff;
		}
	}

	.free_code {
		width: 630rpx;
		border-radius: 28rpx;

		.free_title_img {
			width: 116rpx;
			height: 116rpx;
			margin: -40rpx auto 8rpx;

			image {
				width: 100%;
				height: 100%;
				border-radius: 16rpx;
			}
		}

		.free_store {
			text-align: center;
			font-weight: bold;
			font-size: 32rpx;
			color: #222222;
			margin-bottom: 32rpx;
		}

		.input_content {
			width: 534rpx;
			height: 96rpx;
			background: #F6F7FB;
			border-radius: 16rpx;
			margin: 32rpx auto;
			padding: 0 32rpx;

			.input_1 {
				font-weight: bold;
				font-size: 36rpx;
				color: #222222;
			}

			.input_2 {
				flex: 1;
				margin: 0 24rpx;
				font-size: 32rpx;
			}

			.input_3 {
				width: 32rpx;
				height: 32rpx;
			}
		}

		.code_view {
			text-align: center;
			height: 420rpx !important;
			.qrcode_swiper_item {
				height: 420rpx !important;
			}
			.qrcode_img {
				margin: 0 auto;
				width: 352rpx;
				height: 352rpx;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.qrcode_text {
				margin-top: 20rpx;
				font-weight: bold;
				font-size: 28rpx;
			}
		}

		.operation_btn {
			margin: 38rpx 0 0;
			padding: 0 40rpx;

			.operation_1 {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 172rpx;
				height: 80rpx;
				background: #FFFFFF;
				border-radius: 16rpx;
				border: 2rpx solid #EEEEEE;
				font-weight: 400;
				font-size: 28rpx;
				color: #222222;
			}

			.operation_2 {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 172rpx;
				height: 80rpx;
				background: #1A66FA;
				border-radius: 16rpx;
				border: 2rpx solid #1A66FA;
				font-weight: 400;
				font-size: 28rpx;
				color: #fff;
			}
		}
	}

	.warp {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	}

	.rect {
		width: 630rpx;
		background-color: #fff;
		border-radius: 28rpx;
		padding: 0 0 32rpx;
	}

	.login_content {
		border-radius: 16rpx;
		padding: 0 24rpx;
		margin-top: -128rpx;

		.login_info {
			width: 702rpx;
			height: 324rpx;
			background: url(https://speed.zhongchuxing.com/gjdimages/404.png) no-repeat;
			background-size: 100% 100%;
			padding: 26rpx 24rpx 0;
			position: relative;
			z-index: 2;

			.login_top {
				.login_top_le {
					.login_top_le_1 {
						font-family: Alimama ShuHeiTi, Alimama ShuHeiTi;
						font-weight: bold;
						font-size: 36rpx;
						color: #FFFFFF;
					}

					.login_top_le_2 {
						font-weight: 400;
						font-size: 24rpx;
						color: #FFFFFF;
						margin-top: 2rpx;
					}
				}

				.login_top_ri {
					width: 172rpx;
					height: 60rpx;
					background: rgba(255, 255, 255, 0.2);
					border-radius: 16rpx;
					font-weight: 400;
					font-size: 24rpx;
					color: #FFFFFF;
				}
			}

			.login_bottom {
				margin-top: 36rpx;

				.login_bottom_item {
					font-weight: 500;
					font-size: 30rpx;
					color: #222222;
					width: 318rpx;
					height: 96rpx;
					background: #FFFFFF;
					border-radius: 16rpx;

					image {
						width: 32rpx;
						height: 32rpx;
						margin-right: 10rpx;
					}
				}
			}
		}

		.login_ed {
			width: 702rpx;
			height: 324rpx;
			background: url(https://speed.zhongchuxing.com/gjdimages/438.png) no-repeat;
			background-size: 100% 100%;
			padding: 26rpx 24rpx 0;
			position: relative;
			z-index: 2;

			.login_top {
				.login_top_le {
					.login_top_le_1 {
						font-family: Alimama ShuHeiTi, Alimama ShuHeiTi;
						font-weight: bold;
						font-size: 36rpx;
						color: #FFFFFF;
					}

					.login_top_le_text {
						width: 488rpx;
						font-weight: bold;
						font-size: 36rpx;
						color: #FFFFFF;
						-webkit-line-clamp: 1;
						overflow: hidden;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-box-orient: vertical;
					}

					image {
						width: 177rpx;
						height: 44rpx;
					}

					.login_top_le_2 {
						font-weight: 400;
						font-size: 24rpx;
						color: #FFFFFF;
						margin-top: 2rpx;
					}
				}

				.login_top_ri {
					width: 138rpx;
					height: 60rpx;
					background: rgba(255, 255, 255, 0.2);
					border-radius: 16rpx;
					font-weight: 400;
					font-size: 24rpx;
					color: #FFFFFF;

					image {
						width: 28rpx;
						height: 25rpx;
						margin-right: 12rpx;
					}
				}

				.login_top_ri_1 {
					width: 138rpx;
					height: 60rpx;

					image {
						width: 28rpx;
						height: 25rpx;
						margin-right: 12rpx;
					}
				}
			}

			.login_bottom {
				margin-top: 36rpx;

				.login_bottom_item {
					font-weight: 500;
					font-size: 30rpx;
					color: #222222;
					width: 318rpx;
					height: 96rpx;
					background: #FFFFFF;
					border-radius: 16rpx;

					image {
						width: 32rpx;
						height: 32rpx;
						margin-right: 10rpx;
					}
				}
			}
		}

		.welcome_nologin {
			margin-top: -60rpx;
			width: 702rpx;
			height: 202rpx;
		}

		.welcome {
			margin-top: -60rpx;
			width: 702rpx;
			height: 202rpx;
			background: linear-gradient(90deg, #1A66FA 0%, #31A8FF 100%);
			border-radius: 16rpx;
			position: relative;
			z-index: 9;

			.welcome_icon {
				position: absolute;
				left: 0;
				top: 0;
				width: 150rpx;
				height: 106rpx;
			}

			.welcome_text {
				padding: 26rpx 24rpx 26rpx 112rpx;

				.welcome_text_1 {
					font-weight: 400;
					font-size: 28rpx;
					color: #FFFFFF;
				}

				.welcome_text_2 {
					font-weight: 400;
					font-size: 24rpx;
					color: #FFFFFF;
				}
			}
		}

		.bulletin_board_2 {
			margin-top: -84rpx !important;
		}


		.bulletin_board {
			background: #fff;
			padding: 32rpx 24rpx 36rpx;
			border-radius: 16rpx;
			margin-top: -200rpx;
			position: relative;
			z-index: 99;

			.data_info {
				margin: 30rpx 0 0;
				// padding: 0 16rpx;

				.data_item {
					width: 25%;
					text-align: center;

					.data_item_1 {
						font-weight: bold;
						font-size: 38rpx;
						color: #111111;
						white-space: nowrap;
					}

					.data_item_2 {
						font-weight: 400;
						font-size: 24rpx;
						color: #111111;
					}
				}
			}

			.tip_info {
				padding: 22rpx;
				background: #FFF5E7;
				border-radius: 16rpx;
				font-weight: 400;
				font-size: 28rpx;
				color: #222222;

				image {
					width: 32rpx;
					height: 32rpx;
					margin-right: 14rpx;
				}
			}
		}
	}

	.bulletin_title {
		font-weight: bold;
		font-size: 30rpx;
		color: #222222;
	}

	.tool {
		background: #fff;
		border-radius: 16rpx;
		padding: 32rpx 16rpx 0;
		margin: 16rpx 24rpx;

		.tool_tabs {
			padding: 0 12rpx;
			margin-bottom: 42rpx;

			.tool_tabs_item {
				font-weight: 400;
				font-size: 30rpx;
				color: #222222;
				position: relative;
				flex: 2.5;
				text-align: center;

				image {
					width: 44rpx;
					height: 10rpx;
					position: absolute;
					left: 50%;
					bottom: -24rpx;
					transform: translateX(-50%);
				}
			}

			.active_text {
				font-weight: bold;
			}
		}

		.explain_content {
			height: 360rpx;
			margin-top: 24rpx;
		}

		.explain_list {
			height: 360rpx;
		}

		.explain {
			overflow: hidden;

			.explain_item {
				width: 25%;
				float: left;
				text-align: center;
				margin-bottom: 32rpx;

				image {
					width: 96rpx;
					height: 96rpx;
				}

				.explain_item_title {
					font-weight: 400;
					font-size: 24rpx;
					color: #111111;
					margin-top: 12rpx;
				}
			}
		}
	}

	.plan_info {
		background: #fff;
		border-radius: 16rpx;
		margin: 0 24rpx 24rpx;
		padding: 0 24rpx;

		.plan_title {
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 30rpx;
			color: #222222;
			padding: 32rpx 0 36rpx 0;
		}

		.plan_list {
			.plan_item {
				.item_img {
					width: 68rpx;
					height: 68rpx;
					margin-right: 22rpx;
				}

				.item_view {
					width: calc(100% - 90rpx);
					padding: 30rpx 0;
					border-bottom: 2rpx solid #eee;

					.item_view_le {
						.item_view_le_1 {
							font-weight: bold;
							font-size: 28rpx;
							color: #111111;
						}

						.item_view_le_2 {
							font-weight: 400;
							font-size: 24rpx;
							color: #666666;
						}
					}

					.item_view_ri {
						width: 120rpx;
						height: 48rpx;
						background: #1A66FA;
						border-radius: 40rpx;
						font-weight: 500;
						font-size: 24rpx;
						color: #FFFFFF;
					}
				}
			}
		}
	}

	.store_popup {
		padding: 0 30rpx;

		.popup_title {
			padding: 40rpx 0 30rpx 0;
			border-bottom: 1px solid #eee;
			font-weight: bold;
			font-size: 36rpx;
			color: #222222;

			image {
				width: 44rpx;
				height: 44rpx;
			}
		}

		.store_list {
			height: 600rpx !important;
			.store_item {
				padding: 30rpx 2rpx;

				.store_img {
					width: 80rpx;
					height: 80rpx;
					border-radius: 50%;
				}

				.store_text {
					flex: 1;
					margin: 0 24rpx;

					.store_name {
						.store_name_text {
							font-weight: bold;
							font-size: 32rpx;
							color: #222222;
						}

						.store_name_icon {
							width: 177rpx;
							height: 44rpx;
							margin-left: 12rpx;
						}
					}

					.store_address {
						font-weight: 400;
						font-size: 24rpx;
						color: #666666;
						margin-top: 4rpx;
					}
				}

				.select_img {
					width: 32rpx;
					height: 32rpx;
				}
			}
		}
	}
	
	.screen_popup {
		.screen_title {
			padding: 30rpx 30rpx 30rpx 30rpx;
			font-weight: bold;
			font-size: 36rpx;
			color: #222222;
			border-bottom: 1px solid #eee;
		}
	
		.second_title {
			padding: 0 30rpx;
			margin: 32rpx 0 24rpx;
			font-weight: 500;
			font-size: 32rpx;
			color: #000000;
		}
	
		.screen_list {
			overflow: hidden;
			padding: 0 30rpx;
			margin: 42rpx 0;
	
			.screen_item {
				float: left;
				margin-right: 14rpx;
				margin-bottom: 16rpx;
				width: 220rpx;
				height: 80rpx;
				background: #F6F7FB;
				border-radius: 16rpx;
				font-weight: 400;
				font-size: 28rpx;
				color: #222222;
				border: 2px solid #F6F7FB;
			}
	
			.active_item {
				background: #F1F6FF;
				border: 2rpx solid #AAC7FF;
				color: #1A66FA;
			}
	
			.screen_item:nth-child(3n+3) {
				margin-right: 0;
			}
		}
	
		.screen_date {
			width: 692rpx;
			height: 80rpx;
			border-radius: 16rpx;
			border: 2rpx solid #EEEEEE;
			margin: 0 30rpx;
			padding-left: 46rpx;
	
			.date_icon {
				width: 40rpx;
				height: 40rpx;
			}
	
			.date_content {
				margin-left: 54rpx;
				font-weight: 400;
				font-size: 28rpx;
				color: #666666;
	
				.date_content_line {
					margin: 0 86rpx;
				}
			}
		}
	
		.picker_btn {
			background: #fff;
			padding: 28rpx 30rpx 28rpx;
			border-top: 1px solid #eee;
		}
	
		.picker_btn_1 {
			width: 236rpx;
			height: 96rpx;
			background: #F6F7FB;
			border-radius: 16rpx;
			font-weight: 500;
			font-size: 30rpx;
			color: #222222;
		}
	
		.picker_btn_2 {
			width: 436rpx;
			height: 96rpx;
			background: #1A66FA;
			border-radius: 16rpx;
			font-weight: 500;
			font-size: 30rpx;
			color: #fff;
		}
	}



	.title_text {
		font-size: 32rpx;
		font-weight: bold;
		size: #222;
	}

	.index_fd4_0 {
		width: 610rpx;
		height: 331rpx;
	}

	.index_fd4_1 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 400;
		color: #333333;
		text-align: center;
		margin: 28rpx 0rpx 0rpx 0rpx;
	}

	.index_fd4_2 {
		border-top: 1px solid #eee;
		border-right: 1px solid #eee;
		background: rgba(44, 143, 255, 1);
		background-size: 100% !important;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		font-size: 32rpx;
		color: #fff;
		width: 406rpx;
		height: 80rpx;
		line-height: 80rpx;
		font-weight: 500;
		margin: 48rpx 0rpx 48rpx 0rpx;
	}

	.index_flex_4 {
		background: #fff;
		background-size: 100% !important;
		width: 610rpx;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.index_fd3_0 {
		margin: 0rpx 0rpx 64rpx 0rpx;
	}

	.index_fd3_0_c0_c0 {
		width: 100rpx;
		height: 100rpx;
	}

	.index_fd3_0_c0_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.index_fd3_0_c1_c0 {
		width: 100rpx;
		height: 100rpx;
	}

	.index_fd3_0_c1_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.index_fd3_0_c2_c0 {
		width: 100rpx;
		height: 100rpx;
	}

	.index_fd3_0_c2_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.index_fd3_1_c0_c0 {
		width: 100rpx;
		height: 100rpx;
	}

	.index_fd3_1_c0_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.index_fd3_1_c1_c0 {
		width: 100rpx;
		height: 100rpx;
	}

	.index_fd3_1_c1_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.index_fd3_1_c2_c0 {
		width: 100rpx;
		height: 100rpx;
	}

	.index_fd3_1_c2_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.index_flex_3 {
		background: #fff;
		background-size: 100% !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		margin: 0rpx 32rpx 0rpx 32rpx;
		padding: 40rpx 53rpx 40rpx 53rpx;
	}

	.index_fd2_0 {
		margin: 64rpx 0rpx 0rpx 0rpx;
	}

	.index_fd2_0_c0 {
		line-height: 67rpx;
		font-size: 56rpx;
		font-weight: 700;
		color: rgba(254, 80, 20, 1);
	}

	.index_fd2_0_c1 {
		line-height: 67rpx;
		font-size: 56rpx;
		font-weight: 700;
		color: #333333;
	}

	.index_fd2_0_c2 {
		line-height: 67rpx;
		font-size: 56rpx;
		font-weight: 700;
		color: #333333;
	}

	.index_fd2_1 {
		padding: 98rpx 75rpx 52rpx 75rpx;
	}

	.index_fd2_1_c0_c0 {
		width: 32rpx;
		height: 32rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.index_fd2_1_c0_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: rgba(51, 51, 51, 1);
	}

	.index_fd2_1_c0_c2 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: #FE5014;
	}

	.index_fd2_1_c1_c0 {
		width: 32rpx;
		height: 32rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.index_fd2_1_c1_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: rgba(51, 51, 51, 1);
	}

	.index_fd2_1_c1_c2 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: #FE5014;
	}

	.index_fd2_1_c1_c3 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: #FE5014;
	}

	.index_flex_2 {
		background: url(https://app.ezsdcsm.com/images/13.png) no-repeat, transparent;
		background-size: 100% !important;
		margin: 0rpx 32rpx 32rpx 32rpx;
		background-size: 100% auto !important;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
	}

	::v-deep .index_swiperDotfd1_0 {
		position: absolute;
		bottom: 20rpx;
		left: 0rpx;
		right: 0rpx;
	}

	.index_swiperDotSelectedfd1_0 {
		border: 1px solid #00A7FF;
		background: #00A7FF;
		background-size: 100% !important;
		width: 16rpx;
		height: 16rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	.index_swiperDotUnselectedfd1_0 {
		border: 1px solid rgba(0, 0, 0, 0.3);
		background: rgba(0, 0, 0, 0.3);
		background-size: 100% !important;
		width: 16rpx;
		height: 16rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	.index_fd1_0 {
		height: 520rpx;
		width: 750rpx;
	}

	.index_fd1_0_c1_c0 {
		height: 520rpx;
		width: 750rpx;
		border-radius: 32rpx;
	}

	.index_fd1_0_c1 {
		height: 520rpx;
		width: 750rpx;
	}

	.index_numberfd1_0_c0 {
		position: absolute;
		bottom: 180rpx;
		left: 46rpx;
	}

	.dot_item {
		width: 8rpx;
		height: 8rpx;
		border-radius: 50%;
		background: #FFFFFF;
		margin: 0 4rpx;
	}

	.active_dot_item {
		width: 20rpx;
		height: 8rpx;
		background: #FFFFFF;
		border-radius: 8rpx;
	}

	.index_flex_1 {
		// margin: 24rpx 0rpx 24rpx 0rpx;
		height: 520rpx;
		width: 100%;
	}

	.index_fd0_0 {
		padding: 0rpx 26rpx 0rpx 26rpx;
	}

	.index_fd0_0_c0 {
		width: 195rpx;
		height: 50rpx;
	}

	.index_fd0_0_c0_c0 {
		width: 36rpx;
		height: 36rpx;
	}

	.index_fd0_0_c0_c1 {
		width: 195rpx;
		padding: 0rpx 0rpx 0rpx 12rpx;
		line-height: 45rpx;
		color: #111111;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		font-size: 31rpx;
		font-weight: 700;
	}

	.index_fd0_0_c1_c0 {
		width: 178rpx;
		height: 62rpx;
	}

	.index_fd0_0_c2 {
		width: 195rpx;
		height: 50rpx;
	}

	.index_flex_0 {
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-image: #fff;
	}

	.page {
		min-height: calc(100vh - var(--window-bottom));
		// background: url(https://speed.zhongchuxing.com/gjdimages/403.png);
		background-color: #f6f7fb;
		background-size: 100% 740rpx !important;
	}
</style>
